body {
    // height: 10000px;
}
header.mui-bar {
    background-color: #006699;
    .mui-title {
        color: #fff;
    }
    a {
        color: #fff;
    }
}

.footer {
    background-color: #006699;
    .mui-active {
        background-color: darkorange;
        // color: darkorange;
    }
}

.goods {
    padding: 5px;
}
.goods li {
    width: 33.33%;
    float: left;
    a {
        display: block;
        img {
            width: 100%;
        }
    }
}

.products {
    padding: 5px;
    .title {
        display: block;
        img {
            width: 100%;
        }
    }
    ul {
        li {
            width: 25%;
            float: left;
            a {
                display: block;
                img {
                    width: 100%;
                }
            }
        }
    }
}

.lifeSports {
    padding: 5px;
    .title {
        display: block;
        img {
            width: 100%;
        }
    }
    li {
        float: left;
        width: 50%;
        padding: 5px;
        a {
            display: block;
            text-align: center;
            // background-color: pink;
            box-shadow: 0 0 4px #ccc; // 根据li的padding值来
            padding: 0 5px;
            overflow: hidden;
            img {
                width: 100%;
            }
            .des {
                font-size: 14px;
                line-height: 20px; // 一般是字体大小的1.5倍
                color: #8f8f94;
                display: block;
                margin-bottom: 5px;
            }
            button {
                background-color: #006699;
                color: #fff;
                border-radius: 4px;
                margin-bottom: 8px;
            }
        }
        p span:first-child {
            color: red;
            padding-right: 5px;
        }
        p span:last-child {
            text-decoration: line-through;
            padding-left: 5px;
        }
    }
}